@media screen and(max-width:767px) {
    .container{
        width: 100%;
    }
}
@media screen and(min-width:768px) {
    .container{
        width:850px ;
    }
}
@media screen and(min-width:992px) {
    .container{
        width:970px ;
    }
}
@media screen and(min-width:1200px) {
    .container{
        width:1170px ;
    }
}
h1{
    text-align: center;
    margin-top: 5%;
  }
.row{
    margin-top: 8%;
}
.btno{
    margin-top: 8%;
    width: 100%;
    height: 20%;
    color: rgb(253, 253, 253);
    padding: 8%;
    background-color: #15777b;
}